    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>两个小条目的上下分行</title>
        <script src="jquery.js"></script>
        <script></script>
        <style type="text/css">
         .mask{
             background: #1A66B3;
             top:0;
             left: 0;
             height: 100%;
             width: 100%;
             position: absolute;
         }
         .addPanel{
             position: fixed;
             top: 30%;
             left:45%;
             background: #ffffff;
         }
        </style>
    </head>
    <body>
    <div class="mask"></div>
    <div class="addPanel">
        <div class="head">
            <span>添加数据</span>
            <div id="j_hideFormAdd">x</div>
        </div>
        <div>
            <label for="addText">姓名：</label>
            <input type="text" id="addText">
        </div>
        <div>
            <label for="addText1">姓名：</label>
            <input type="text" id="addText1">
        </div>
    </div>
    </body>
    </html>